@import '../../variable.less';
page{
  background: #fff;
}
.topline{
  width:100%;
  height:2rpx;
  box-shadow: 0rpx 3rpx 12rpx rgba(0, 0, 0, 0.2);
}

.container{
  padding-top:40rpx;
  .list-item{
    margin:0 auto;
    width:690rpx;
    height:250rpx;
    margin-bottom:20rpx;
    box-sizing: border-box;
    padding:30rpx; 
    display: flex;
    justify-self: start; 
    background: #F7F7F9;
    .img{
      width:190rpx;
      height:190rpx;
    }
    .iteminfo{
      width:420rpx;
      padding-left:20rpx;
      .namebar{
        display: flex;
        justify-content: space-between;
        height:40rpx;
        line-height: 40rpx;
        padding-top:15rpx;
        .name{
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: 500;
          line-height: 50rpx;
          color: #333333;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
        }
        .colbtn{
          width:130rpx; 
          min-width: fit-content;
          height:40rpx;
          padding:6rpx 12rpx;
          box-sizing: border-box;  
          display: flex;
          background: @color;
          .txt{
            display:block;
            font-size: 20rpx;
            font-family: PingFang SC;
            font-weight: 500;
            line-height: 35rpx;
            color: #FFFFFF;
            text-align: center;
            padding-left:5rpx;
          }
        }
      }
      .des{
        padding:20rpx 0;
        font-size: 26rpx;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 50rpx;
        color: #666666;
        overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
      }
      .time{
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 50rpx;
        color: #999999;
      }
    }
  }


  .jidi-item{
    margin:0 auto;
    width: 690rpx;
    height: 190rpx;
    display: flex;
    justify-content: flex-start;
    padding:30rpx 0;
    box-sizing: border-box;
    border-bottom: 1rpx dotted #DDDDDD;
    .img{
      width:130rpx;
      height:130rpx;
    }
    .iteminfo{
      padding-left:24rpx;
      .title{
        padding-top:19rpx;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 40rpx;
        color: #333333;
      }
      .bar{
        padding-top:20rpx;
        display:flex;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        line-height: 36rpx;
        color: #999999;
        .bar-item{
          margin-right:30rpx;
          padding-left:30rpx;
          position: relative;
          .icon{
            position: absolute;
            top:5rpx;
            left:0;
          }
        }

      }


    }


  }
}